html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font-size:12px;line-height:1.5;vertical-align:baseline;width:100%;overflow-x:hidden;}

/*body {font-family:"PingFang SC","Microsoft YaHei"!important;}*/

body{font-family:'Helvetica Neue','PingFang SC','Hiragino Sans GB','WenQuanYi Micro Hei',Arial,'Microsoft Yahei',SimHei,Arial,sans-serif;vertical-align:baseline;}

a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#dc281e;text-decoration:none;outline:none;}

input{padding:0;margin:0;}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


@font-face {
    font-family: 'constan2';
    src:url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype');
}
.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

            .demo-message-wrap input::-webkit-input-placeholder,
            .demo-message-wrap textarea::-webkit-input-placeholder {
                /* WebKit browsers */
                  color: #fff;
            }

            .demo-message-wrap input:-moz-placeholder,
            textarea:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                  color: #fff;
            }

            .demo-message-wrap input::-moz-placeholder,
            textarea::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                   color: #fff;
            }

            .demo-message-wrap input:-ms-input-placeholder,
            textarea:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                  color: #fff;
            }

            .demo-message-wrap input[type='text']::-webkit-input-placeholder{
                color: #fff;
            }



.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}

.scrollgg{
    position: fixed;
    top:0px;
      z-index: 9999;
      background: #fff;
      width: 100%!important;
    left: 50%;
    margin-left: -50%
}

/*头部样式*/
.sky{width:1920px;position:relative;left:50%;margin-left:-960px;height:35px;background:#dddddd;}
.sky_con{width:1200px;margin:0 auto;}
.huan{float:left;color:#666666;font:400 12px/35px;}
.huan a{line-height:35px;color:#666666;font-size:12px;padding-right: 5px;}
.k1x{float:right;line-height:35px;color:#666666;font-size:12px;}
.k1x a{color:#666666;font-size:12px;}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}







.tou_con{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5}
.tou{width:1200px;margin:0 auto;height:120px;overflow:hidden}
.logo{float:left;line-height:120px;margin-top: 2%}
.telx{float:right;margin-top:30px;}


#formsearch1{}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.hotSearch a{margin-right:6px;}
#formsearch1 input{background:none;border:none;float:left;width:80%;outline: none;}
#formsearch1 input#keyword{height:30px;line-height:30px;padding-left:1rem;color:#666;font-size:0.7rem;}
#formsearch1 input#s_btn{width:18%;height:30px;line-height:30px;text-align:center;color:#fff;border:none;cursor:pointer;
    float: right;
    font-size: 0px;
}


#formsearch2{}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.hotSearch a{margin-right:6px;}
#formsearch2 input{background:none;border:none;float:left;width:80%;outline: none;}
#formsearch2 input#keyword{height:31px;line-height:31px;padding-left:14px;color:#666;}
#formsearch2 input#s_btn{height:31px;line-height:31px;text-align:center;color:#fff;border:none;cursor:pointer;
    float: right;
    font-size: 0px;
}


#menu{
      width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: #03479c;
}
.ct1{color:#03479c;font-size:42px;text-align:center;}
.ct1 span{display:block;text-transform:uppercase;font-size:18px;font-weight:normal;color:#888888;font-family:"Arial";line-height: 30px;}


/*高品质追求*/
.box2{width:1200px;margin:0 auto;margin-top:20px;}
.tabz{position:relative;display:flex;justify-content:center;align-items:center;margin-top:50px;}
.tabz li{float:left;width:140px;height:32px;display:block;line-height:32px;background:#eaeaea;text-align:center;color:#666666;font-size:14px;cursor: pointer;margin-left:10px;}
.tabz li.cur{color:#fff;text-decoration:none;font-size:14px;background:#03479c;}
.tabz  li:hover, .tabz li.cur {
    background: #03479c;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.tabz li:hover a, .tabz li.cur a {
    color: #fff;
}

.ttz{display: none;margin-top:30px;}
.list1z{padding:8px 10px;}
.list1z li{position:relative;vertical-align: middle;float:left;margin-right:26px;margin-bottom:26px}
.list1z li a.img{display:block}
.list1z li a.img img{width:376px;height:270px;}


.list1z li:nth-child(3n){float:right;margin-right:0px;}

.dac{background:#03479c;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:45px;height:45px;}
.list1z li h3{color:#fff;font-size:16px;float:left;font-weight:normal;margin-left:5%;}
.list1z li h3 a{color:#fff;font-size:16px;line-height:45px;}
.list1z li:hover .dac{background:#b99562;}


.mx{float:right;color:#fff;font-size:16px;margin-right:5%;}
.mx a{color:#fff;font-size:16px;}

/*滚动*/
.pin{width:1200px;margin:0 auto;}

.chan{text-align:center;padding-top:30px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}

.twt{float: left;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 273px;height:150px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.huise{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;padding-bottom:50px;padding-top:70px;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.anls{width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid #e5e5e5}
.product_list3{}
.product_list3 li{float:left;margin-right:38px;margin-bottom:38px;_display:inline;position:relative;width:376px;height:248px;}
.product_list3 li a.img{}
.product_list3 li a.img img{width:376px;height:248px;}
.product_list3 li h3{text-align:center;position:absolute;bottom:0px;width:100%;background:url(../images/h3.png) no-repeat center top;height:40px;color:#fff;}
.product_list3 li h3 a{font-weight:normal;line-height:40px;font-size:16px;color:#fff;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#b99562;}


.haoma{
    float: right;
    width: 24%;
    text-align: left;
    background: url(//cdn.myxypt.com/1edd6432/21/06/4335e65de35f0a5f60d1ba126044d480a9610bde.png) left center no-repeat;
    font-size: 0.8rem;
    color: #000;
    padding-left: 2%;
    line-height: 40px;
    margin-top: 3%;
}
.haoma span{
    font-weight: 600;
    color: #dc281e;
    font-size: 1.4rem;
    float: right;
}
.asdk{
    max-width: 1515px;
    margin: 0 auto;
}

.x-banner {overflow: hidden;position: relative;}
.x-banner .owl-carousel .banner-item a {overflow: hidden;pointer-events:none;}
.x-banner .owl-carousel .banner-item a img{animation: banner 10s linear infinite;display: block;width: 100%;}
@keyframes banner { 0%{transform: scale(1)}50%{transform: scale(1)}100%{transform: scale(1)} }
.x-banner .wh{
    /*position: absolute;left: 50%;z-index: 99999;top: 10%;margin-left: -25%;;width: 50%;*/
    /*font-size: 1.3rem;*/
    /*color: #444444;*/
    /*text-align: center;*/
    display:none;
}

.x-banner .wh11{left: 35%;
    z-index: 99999;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: fit-content;
    margin-left: -15%;
    width: 30%;
    font-size: 1.3rem;
    color: #444444;
    text-align: left;
    position: absolute;
}

.x-banner .owl-carousel .banner-item .wh img{width: auto;margin: 0 auto;text-align: center;}
.bwz{line-height: 45px;display:flex;justify-content:center;align-items: center;}

.shugjj{
    border-bottom: #c9c9c9 1px solid;
    line-height: 50px;
    color: #000;
    font-size: 0.75rem;
    margin-bottom: 2%;
    transition: border 0.3s;
}
.shugjj:hover{
    border-bottom-color: #9c9c9c;
}
.shugjj a:last-child{
   color: #000!important; 
   pointer-events: none;
 
}
.shugjj a{
    color: #000;
}

.cpptufen li{
    text-align: center;
    width: 12%;
    line-height: 65px;
    color: #404040;
    font-size: 0.85rem;
    border-bottom: rgba(0, 0, 0, .0) 2px solid;
}
.cpptufen{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.cpptufen li:hover{
    border-bottom: #fa0000 2px solid;
}
.cpptufen li:hover a{
    color: #fa0000;
}


.weingw1{
    width: 100%;
    text-align: left;
    font-size:0.9rem;
    color: #27414b;
    font-weight: 200;
}
.oaigw1{
    width: 100%;
    text-align: left; 
    font-size: 1.8rem;
    letter-spacing: 3px;
    color: #000000;
    font-weight: 400;
    line-height: 40px;
}
.bwz{
    display: block;
}

.sun-delay0 {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

.sun-delay1 {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.sun-delay2 {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
}

.sun-delay3 {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
}

.sun-delay4 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
}

.sun-delay5 {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
}

.sun-delay6 {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
}

.sun-delay7 {
    -webkit-transition-delay: 1.6s;
            transition-delay: 1.6s;
}

.sun-delay8 {
    -webkit-transition-delay: 1.8s;
            transition-delay: 1.8s;
}

.sun-delay9 {
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
}

.sun-delay10 {
    -webkit-transition-delay: 2.2s;
            transition-delay: 2.2s;
}

.sun-ani-left,
.sun-ani-down,
.sun-ani-up,
.sun-ani-right {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 2s;
            transition-duration: 2s;
}

.sun-ani-left {
    -webkit-transform: translateX(-900px);
            transform: translateX(-900px);
}

.sun-ani-down {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
}


.sun-ani-up {
    -webkit-transform: translateY(-100px);
            transform: translateY(100px);
}

.sun-ani-right {
    -webkit-transform: translatex(100px);
            transform: translatex(100px);
}

.actives .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.active .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.active .sun-ani-down {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.active .sun-ani-up {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.active .sun-ani-right {
    opacity: 1;
    -webkit-transform: translatex(0);
            transform: translatex(0);
}
.nei{
    position: relative;
}
.cgng{
    max-width: 1291px;
    margin: 0 auto;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
    position: relative;
    margin-top: -2.5%;
    z-index: 99999;
    background: #fff;
    box-sizing: border-box;
    padding: 2%;
}
.flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex.soug{
    align-items: flex-end;
}
.sffn{
    width: 50%;
    background: url(//static.xypt.net.cn/1edd6432/21/07/dbede19a0d820731559e2c21b8b4dc468f83c1a7.jpg) left top no-repeat;
    color: #2b2b2b;
}
.sffn a{
    color: #666666;
    padding-right: 3%;
    transition: color 0.3s;
}
.sffn a:hover{
    color:#dc281e;
}
.sffn{
    font-size: 0.8rem;
    padding-top:20px;
}
.sffn span{
  font-weight: 600;
  color: #2b2b2b;
}
.sgg{
    width: 22%;
    height: 30px;
    line-height: 30px;
}
.sgg form.clearfix{
    position: relative;
}
.sgg form.clearfix #s_btn{
    background: url(//cdn.myxypt.com/1edd6432/21/07/7ad2c71af35f09e76cc507d3fced75fbeb33aa7a.png) no-repeat center;
    position: absolute;
    right: 0;
    width:18%;
    transition: filter 0.3s;
}
.sgg form.clearfix #s_btn:hover{
    filter:brightness(0);
}
.sgg form.clearfix #keyword{
    width:100%;
    border: 1px #c2c2c2 solid;
    border-radius: 50px;
    transition: border 0.3s;
}
.sgg form.clearfix #keyword:focus{
    outline:none;
    border: 1px #9c9c9c solid;
}

.nei1{
    margin: 6% 0 3% 0;
}
.changg{
    max-width: 1200px;
    margin: 0 auto;
}
.changg11{
    max-width: 1307px;
    margin: 0 auto;
}
.cpp{
    text-align: center;
}
.cpp_tt{
    color: #000000;
	opacity: 0.08;
    line-height: 91px;
    font-size: 5.1rem;
    text-transform: uppercase;
    font-weight: 600;
}
.cpp_yy{
    font-size: 1.5rem;
    color: #202020;
    line-height: 35px;
    font-weight: 600;
    margin-top: -3.2%;
}
.cpptu{
    margin-top: 3%;
    box-sizing: border-box;
    padding: 0 6%;
    background: url(//static.xypt.net.cn/1edd6432/21/07/d3bba8d4a5ade295bd8bbf5c7d54902cbeea2f4d.png) left 99.4% repeat-x;
}
.cpptufen .pro-link:nth-child(1){
    border-bottom-color: #dc281e;
    color: #dc281e;
    font-weight: bold;
    display: none;
}
.cpptufen .pro-link{
    text-align: center;
    width:19%;
    line-height: 35px;
    color: #404040;
    font-size: 0.9rem;
    border-bottom: transparent 3px solid;
    transition: border 0.3s,color 0.3s;
       overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}
.cpptufen{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.cpptufen .pro-link:hover{
    border-bottom-color: #dc281e;
}
.cpptufen .pro-link:hover{
    color: #dc281e;
}
.cppgy li{
    width: 18%;
    text-align: center;
    margin: 0% 1%;
    margin-bottom: 4%
}
.cppgy_img img{
    max-width: 75%;
    height: auto;
}
.cppgy_tt{
    font-size: 0.8rem;
    margin-top: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cppgy li:hover .cppgy_tt a{
    color: #dc281e;
}
.cppgy li:nth-child(6){
    margin-left:20%;
}
.cppgy li:nth-child(8){
    margin-right:20%;
}
.cppgy{
    margin: 3% -1% 0 -1%;
}
.nei2{
    background: #f8f8f8;
    padding: 4% 0;
    margin-top: 2%;
}
.gonginei{
    width: 50%;
    padding-right: 2%;
    text-align: left;
}
.gongi_img{
    width: 50%;
}
.gongi{
    margin-top: 4%;
}
.gongi li{
    padding: 4% 0;
}
.gongi li:nth-child(2) .gonginei{
    padding-right:0;
    padding-left:2%;
}
.gonginei_tt{
    color: #404040;
    font-size: 1.2rem;
    line-height: 40px;
    position: relative;
}
.gonginei_tt span{
    font-weight: 600;
    color: #dc281e;
}
.gonginei_tt em{
    position: absolute;
    top:0px;
    right: 0px;
}
.gonginei_ring{
    border-top:#9e9e9e 1px solid;
    margin: 4% 0;
}
.gonginei_rrongh{
    font-size: 0.8rem;
    line-height: 28px;
    color: #404040;
}
.gongi_img img{
    width: 100%;
    height: auto;
}
.gongi li:nth-child(2){
   flex-direction: row-reverse;
}
.gongi li:nth-child(2) .gonginei_tt{
  text-align: right;
}
.gongi li:nth-child(2) .gonginei_tt em{
    position: absolute;
    top: 0px;
    right: 94%;
}
.nei3{
    background: url(//static.xypt.net.cn/1edd6432/21/07/774a9ab8f39cb15df49e6355c2f9b3a9586dec2b.jpg) top center no-repeat;
    background-size: 100% 100%;
    padding: 4% 0;
}
.abt{
    margin-top: 7%;
}
.abg{
    width: 49%;
    margin-top: 1%;
}
.abh{
    width: 47%;
}
.abg img{
    width: 100%;
    height: auto;
}
.abh_tt{
    font-weight: 600;
    line-height: 50px;
    color: #000000;
    font-size: 1.2rem;
}
.abh_bb{
    background: url(//static.xypt.net.cn/1edd6432/21/07/1c4f2f0c17977217e46e8cfa895dfdae6be82a6c.png) no-repeat;
    height: 2px;
    margin: 5% 0;
}
.abh_cc{
    font-size: 0.8rem;
    line-height: 28px;
    color: #404040;

}
.abh_dd{
    font-size: 0.8rem;
    line-height: 28px;
    color: #fe0000;
    margin-top: 6%;
}
.abh_dd a{
    color: #dc281e;
}
.shjzi li{
    text-align: center;
    
    position: relative;
}
.shjzi li::before{
    content: '';
     top: 20%;
    right: -85%;
    background: url(//static.xypt.net.cn/1edd6432/21/07/0a5149f480e44af9f8f873f7e0a0729e1ac3766c.png) right center no-repeat;
    position: absolute;
    width: 17px;
    height: 37px;
}
.shjzi li:nth-child(4)::before{
    background: none;
}
.shjzi{
    margin-top: 6%;
}
.shjzi_shu span{
    font-weight: 600;
    color: #dc281e;
    font-size: 3.45rem;
    line-height: 50px;
}
.shjzi_shu{
    font-size: 1rem;
    color: #000000;
    font-weight: 200;
}
.alizin{
    text-align: center;
    color: #000000;
    font-weight: 600;
    font-size: 1.55rem;
    line-height: 50px;
    margin-top: 4%;
}
.swipchanginer{
    overflow: hidden;
}
.jidng{
    position: relative;
    margin-top: 4%;
}
.jidng .sxt{
   position: absolute;
   top:calc(50% - 43px);
   z-index: 999;
   left:-9%;
   background: url(//cdn.myxypt.com/1edd6432/21/06/c847e40b3f11b393f4511a0d49f7f5e0bcd35db5.png) no-repeat center;
   width: 54px;
   height: 87px;
   outline: none;
   border:none;
   z-index: 9999;
}
.jidng .sev{
    position: absolute;
    top:calc(50% - 43px);
    z-index: 999;
    right:-9%;
    background: url(//cdn.myxypt.com/1edd6432/21/06/4b88e527b42884472b5153facba192356f550f0d.png) no-repeat center;
    width: 54px;
    height: 87px;
    outline: none;
    border:none;
    z-index: 9999;
 }
 .jidng .sxt,
 .jidng .sev,
 .rongyu .sxt1,
 .rongyu .sev1{
     background-size: 80% !important;
     opacity: 0.6;
     transition: opacity 0.3s;
 }
 .jidng .sxt:hover,
 .jidng .sev:hover,
 .rongyu .sxt1:hover,
 .rongyu .sev1:hover{
     opacity: 1;
 }
 .jidng .swipchanginer_img img{
    height: 200px;
    object-fit: cover;
 }
 
 
 .rongyu .sxt1{
   position: absolute;
   top:35%;
   z-index: 999;
   left:-9%;
   background: url(//cdn.myxypt.com/1edd6432/21/06/c847e40b3f11b393f4511a0d49f7f5e0bcd35db5.png) no-repeat center;
   width: 54px;
   height: 87px;
   outline: none;
   border:none;
   z-index: 9999;
}
.rongyu .sev1{
    position: absolute;
    top:35%;
    z-index: 999;
    right:-9%;
    background: url(//cdn.myxypt.com/1edd6432/21/06/4b88e527b42884472b5153facba192356f550f0d.png) no-repeat center;
    width: 54px;
    height: 87px;
    outline: none;
    border:none;
    z-index: 9999;
 }
 
.swipchanginer_img img{
    width: 100%;
    height: auto;
}
.nei5{
    margin-top: 4%;
}
.nei4{
    background: #f8f8f8;
    padding: 4% 0;
    display: none;
}
.szhenhgusner{
    overflow: hidden;
}
.rongyu{
    position: relative;
    margin-top: 4.5%;
}
.rongyu .sxt{
    position: absolute;
    top:35%;
    z-index: 999;
    left:-9%;
    background: url(//cdn.myxypt.com/1edd6432/21/06/c847e40b3f11b393f4511a0d49f7f5e0bcd35db5.png) no-repeat;
    width: 54px;
    height: 87px;
    outline: none;
    border:none;
    z-index: 9999;
 }
 .rongyu .sev{
     position: absolute;
     top:35%;
     z-index: 999;
     right:-9%;
     background: url(//cdn.myxypt.com/1edd6432/21/06/4b88e527b42884472b5153facba192356f550f0d.png) no-repeat;
     width: 54px;
     height: 87px;
     outline: none;
     border:none;
     z-index: 9999;
  }
.xw{
    margin-top: 5%;
}
.xwf{
    width: 31%;
    
}
.xwf_tt{
    color: #595959;
    font-size: 0.8rem;
    line-height: 45px;
}
.xwf_ne{
    margin: 1% 0;
}
.xwf_ne img{
   max-width: 100%;
   height: auto;
}
.xwf_nei{
    margin-top: 20px;
}
.xwf_nei li{
    line-height: 2.8;
    position: relative;
    color: #595959;
    font-size: 14px;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xwf_nei li a{
    display:block;
}
.xwf_nei li a:hover{
    font-weight: bold;
}
.xwf_nei li span{
    position: absolute;
    top:0px;
    right: 0px;
    font-size: 14px;
    color: #999999;
}
.xw_mme{
    float: right;
    color: #595959;
    font-size: 0.8rem;
    line-height: 45px;
    text-transform: uppercase;
    margin-top: 2%;
}
.nei6{
    background: #f8f8f8;
    box-sizing: border-box;
    padding: 3% 0;
    margin-top: 3%;
}
.feblei li{
    width: 33%;
    text-align: center;
    border-right: #bdbdbd 1px solid;
}
.feblei_img{
    height: 61px;
    width: 50%;
    margin: 0 auto;
}
.feblei_img img{
    max-width: 100%;
    height: auto;
}
.feblei_tt{
    font-size: 0.9rem;
    line-height: 50px;
    color: #575757;
}
.feblei li:nth-child(3){
    border:none;
}
.feblei_xiang{
    height: 3px;
    margin: 2% 0;
    transition: width 0.3s,background-color 0.3s;
    background-color: #515151;
    width: 10px;
    margin: 2% auto;
    border-radius: 10px;
}
.feblei li:hover .feblei_xiang{
    background-color: #dc281e;
    width: 60px;
}
.diking{
    text-align: center;
}
.diking img{
    max-width: 100%;
    height: auto;
}
.daongh{
    margin: 3% 0 2%;
    font-size: 0.9rem;
    color: #d7d7d7;
    text-align: center;
    overflow: hidden;
}
.daongh a{
    color: #ffffff;
    position: relative;
    text-align: center;
}
.daongh a:after{
    content: "";
    height: 15px;
    width: 1px;
    background-color: #999999;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.fenhgh{
    clear: left;
    justify-content: inherit;
}
.zhissng span{
    padding: 0 5px;
    height: 35px;
    display: inline-block;
}
.zhissng a{
    opacity: 1 !important;
    color: #9d9797;
}
.changog{
    width: 60%;
}
.changog_ty{
    border-bottom: #696969 1px solid;
    line-height: 50px;
    position: relative;
    background: url(//static.xypt.net.cn/1edd6432/21/07/90c71383b9d36dcaca914434dbc27608c921f1e0.png) 10% center no-repeat;
    font-size: 0.9rem;
    color: #fff;
    margin-top: 15px;
}
.changog_ty a{
    position: absolute;
    top:0px;
    right: 0px;
    text-transform: uppercase;
    color: #ffffff;
}
.changog_kduf li{
    float: left;
    width: 20%;
}
.changog_kduf > li > a{
    color: #ffffff;
    opacity: 1;
}
.changog_kduf > li > a:hover{
    color: #dc281e;
}
.fgd li{
    float: left;
    width: 100%;
}
.changog_kduf{
    margin-top: 2%;
}
.changog_kduf li{
    font-weight: 600;
    font-size: 0.9rem;
    color: #b9b9b9;
    line-height: 40px;
}
.fgd li{
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fgd li a{
    font-weight: 400;
    color: #ffffff;
    font-size: 0.7rem; 
}
.fgd li a:hover{
    
}
.wring{
    width:10%;
    margin: 15px 4% 0;
}
.wring p{
    font-size: 0.9rem;
    color: #fff;
    line-height: 50px;
}
.wring img{
    max-width: 100%;
    height: auto;
    margin-top:32px;
}
.lianh{
    width: 22%;
    margin-top: 15px;
}
.lianh_tt{
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 50px;
    text-transform: uppercase;
}
.dinbe{
    font-size: 14px;
    text-transform: uppercase;
    color: #c8c8c8;
    line-height: 35px;
    margin-top:20px;
}
.daongh p{
    text-align: center;
}
.changgf{
    max-width: 1580px;
    margin: 0 auto;
}
.changgf a{
    opacity: 0.6;
    transition: opacity 0.3s, color 0.3s;
}
.changgf a:hover{
    opacity: 1;
}

.ftx-seo{
   margin-top: 3%; 
}

.ftx-seo a{
    font-weight: 400;
    color: #ffffff;
    font-size: 0.7rem;
}


.youiang{
    font-size: 13px;
    color: #c8c8c8;
    line-height: 26px;
    margin-top: 1%;
}
.youiang a{
    color: #c8c8c8;
}
.banu{
    float: left;
    width: 45%;
    color: #9d9797;
    line-height: 40px;
    text-align: left;
    font-size: 0.7rem;
}
.banu a{
    color: #ffffff;
}


.mianze{
     float: right;
     width: 20%;
     line-height: 40px;
    text-align: right;
    font-size: 0.7rem;
}





.zhissng{
    float: right;
    width: 30%;
    color: #9d9797;
    line-height: 40px;
    text-align: left;
    font-size: 0.7rem;
}

.zhissng{
    flex-shrink: 0;
    transition: height 0.3s;
}

.zhissng span img{
    width: 100%;
    height: 100%;
}
.zhissng span img{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 25s linear infinite;
    -moz-animation: rotate 25s linear infinite;
    -o-animation: rotate 25s linear infinite;
    animation: rotate 25s linear infinite;
    width: 35px;
    margin-left: -5px;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(360deg)}
    to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)}
    to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(359deg)}
    to{-o-transform: rotate(0deg)}
}
@keyframes rotate{from{transform: rotate(359deg)}
    to{transform: rotate(0deg)}
}

.xwf_ne img{
    width: 100%;
    height: auto;
}

.xypg-left-subnav li{
    background: url(//static.xypt.net.cn/1edd6432/21/07/8ae134315feb5500dee9fa96be76817f06f6641d.jpg) left center no-repeat;
    padding-left: 3%;
}


.daizngda{
    float: left;
    width: 40%;
    font-size: 1rem;
    color: #000000;
    padding-top:12px;
    padding-bottom: 20px;
}
.fbgh{
    background: #fff;
    position: relative;
    border-bottom: #c9c9c9 1px solid;
    margin-bottom: 3%;
    line-height: 1.5;
    transition: border 0.3s;
}
.siduhj{
    float: right;
    width: 25%;
    /*background: url(//cdn.myxypt.com/1edd6432/21/06/ea93b2021e1b224b39a189e88261b97105288f7e.png) no-repeat;*/
    background-size: 100% 100%;
    margin-top: 1%
}
.siduhj form.clearfix{
    position: relative;
}
.siduhj form.clearfix #s_btn{
    background: url(//cdn.myxypt.com/1edd6432/21/07/7ad2c71af35f09e76cc507d3fced75fbeb33aa7a.png) no-repeat center;
    position: absolute;
    right: 0;
    width:18%;
    transition: filter 0.3s;
}
.siduhj form.clearfix #s_btn:hover{
    filter:brightness(0);
}
.siduhj form.clearfix #keyword{
    width:100%;
    border: 1px #c2c2c2 solid;
    border-radius: 50px;
    transition: border 0.3s;
}
.siduhj form.clearfix #keyword:focus{
    outline:none;
    border: 1px #9c9c9c solid;
}

.xypg-product-list li .img img{
    height: auto;
    width: 75%;
}
.swiperda{
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
    position: relative;
}
.swiperxias{
    overflow: hidden;
}
.swiperda_img img{
    width: 100%;
    height: auto;
}
.xiang{
    position: relative;
    margin: 4% 0;
}
.xiang .swiperda_img img{
    height: 300px;
    object-fit: contain;
}
.xiang .ghung{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    outline: none;
    border:none;
    background: url(//cdn.myxypt.com/1edd6432/21/06/5df19ef94e6a45b1f35de4e19e3677f9424e1cee.png) left no-repeat;
    width: 30px;
    height: 59px;
    background-size: 100% 100%;
}
.xiang .finhs{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    outline: none;
    border:none;
    background: url(//cdn.myxypt.com/1edd6432/21/06/643b74e26837393138543b07f20739a32da19423.png) left no-repeat;
    width: 30px;
    height: 59px;
    background-size: 100% 100%;
}
.xiang .ghung,
.xiang .finhs{
    opacity: 0.6;
    transition: opacity 0.3s;
}
.xiang .ghung:hover,
.xiang .finhs:hover{
    opacity:1;
}
.swiperxias{
    width: 60%;
    margin: 2% auto 0;
} 
.swiperxias .swiper-slide{
    opacity: 0.6;
    transition: opacity 0.3s;
}
.swiperxias .swiper-slide:hover,
.swiperxias .swiper-slide.swiper-slide-thumb-active{
    opacity: 1;
}
.swiperxias_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.swiperxias > .swiper-wrapper{
    justify-content: center;
}
.xwunf_img{
    float: left;
    width: 37%;
}
.xwunf_img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.xwghb{
    float: right;
    width: 60%;
}
.xwghb_tt{
    font-size: 0.9rem;
    line-height: 45px;
    position: relative;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xwghb_tt a{
    color: #333333;
}
.xwghb_shi{
    font-size: 0.7rem;
    line-height: 40px;
}
.xwghb_tt span{
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 0;
    margin: auto;
    background: url(//cdn.myxypt.com/1edd6432/21/06/1276b0a0835d58f72f669c64c33123091667497a.png) right no-repeat;
    width: 9px;
    height: 16px;
}
.xwghb_ring{
    font-size: 0.7rem;
    line-height: 24px;
    margin-top: 5%;
}
.nid{
    text-align: center;
    color: #444444;
    line-height: 35px;
    font-size: 14px;
}
.dshj{
    width: 60%;
}
.genxiang{
    width: 14%;
    text-align: right;
    margin-top: 2%;
}
.genxiang .baidu-share {
    text-align: right;
}
.xypg-detail-con{
    padding: 50px;
    font-size: 0.8rem;
    line-height: 2;
    color: #333333;
}
.changyuye{
   border-bottom: #ebebeb 1px solid;
   border-top: #ebebeb 1px solid;
   padding: 2% 0;
}
.dshj .xypg-detail-pn div{
    border: none;
}
.dshj .xypg-detail-pn div + div{
    margin-top: 0px;
    font-size: 0.8rem;
}
.dshj .xypg-detail-pn{
    margin-top: 0px;
}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
    float: right;
}
.mngh{
    display: none;
}
.ndsj .page-wrap-right{
    padding-left: 0px;
    background: none;
}
.souty{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.souty li{
    font-size: 0.9rem;
    padding: 0 2%;
    text-align: center;
    line-height: 55px;
}
.souty li a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.souty li:hover{
    background: url(//cdn.myxypt.com/1edd6432/21/06/4e2241e6a73d7b14d822fd8e19f049f6e136a1a1.png) bottom center no-repeat;
}
.souty li:hover a{
    color: #dc281e;
}
.souty li.clickes a{
    background: url(//cdn.myxypt.com/1edd6432/21/06/4e2241e6a73d7b14d822fd8e19f049f6e136a1a1.png) bottom center no-repeat;
    color: #ff0000;
} 
.ndsj .page-wrap-right{
    padding: 2% 0%;
}
.xiangh{
    border-bottom: #c9c9c9 1px solid;
    margin-bottom: 10%;
    transition: border 0.3s;
}
.beingsss{
    background: #fff;
    margin: 0 5%;
    box-sizing: border-box;
    padding: 1.5% 5%;
}
.guz{
    margin-top: 6%;
    font-size: 1rem;
    color: #202020;
    line-height: 50px;
}
.xiechu{
    margin-top: 3%;
}
.xiechu li{
    width: 33.33333333%;
    text-align: left;
}
.xiet1 > div{
    transition: border 0.3s;
}
.xiet1 > div:hover{
    border-bottom-color: #9c9c9c;
}
.xiet1_tt{
    border-bottom: #c6c6c6 1px solid;
}
.xiet1_tt{
    line-height: 50px;
    color: #202020;
    font-size: 18px;
}

.xiet1_tt1{
    border-bottom: #c9c9c9 1px solid;
    line-height: 28px;
    padding: 3% 0;
    font-size: 0.7rem;
    color: #666666; 
    height: 120px;
    overflow: hidden;
}
.xiet1_tt2{
    border-bottom: #c9c9c9 1px solid;
    line-height: 28px;
    padding: 3% 0;
    font-size: 0.7rem;
    color: #666666; 
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xiet1_tt3{
    border-bottom: #c9c9c9 1px solid;
    line-height: 28px;
    padding: 3% 0;
    font-size: 0.7rem;
    color: #666666; 
    height: 180px;
    overflow: hidden;
}
.xiet1_tt4{
    border-bottom: #c9c9c9 1px solid;
    line-height: 28px;
    padding: 3% 0;
    font-size: 0.7rem;
    color: #666666; 
    height: 166px;
    overflow: hidden;
}
.zhing_shi{
    font-size: 0.7rem;
    line-height: 40px;
}
.zhing{
    margin-top: 3%;
}

.zhing li{
    border-bottom: 1px solid #c9c9c9;
    padding: 3% 0;
    transition: border 0.3s;
}
.zhing li:hover{
    border-bottom-color:#9c9c9c;
}
.zhing_tt{
    font-size: 0.9rem;
    line-height: 45px;
    color: #333333;
}
.zhing_tt a{
    color: #333333;
}
.zhing li:hover .zhing_tt a{
    color: #dc281e;
}
.zhing_nei{
    font-size: 0.7rem;
    line-height: 24px;
    margin-top: 2%;
}
.djang{
    margin-top: 5%;
}
.djang .xypg-case-list img{
    height:250px;
    object-fit: cover;
}
.liaxh li{
    width: 30%;
    background: #fff;
    box-sizing: border-box;
    padding: 2%;
    display: flex;
    align-items: center;
}
.liaxh li:nth-child(3){
    width: 38.5%;
}
.gygerr{
    background: #f7f7f7;
}
.liaxh{
    margin-top: 5%;
}
.liaxh_img{
    float: left;
    margin-right: 1rem;
}
.liaxh_img img{
    max-width: 100%;
    height: auto;
}
.liaxh_t{
    float: right;
    width: 78%;
    font-size: 1rem;
    color: #262626;
    line-height: 50px;
}
.dintyu{
    margin-top: 3%;
}
.dintyu img{
    width: 100%;
    height: auto;
}
.lainid{
    background: #fff;
    box-sizing: border-box;
    padding: 2% 3%;
    align-items: center;
}
.landibd_tt{
    font-size: 1.2rem;
    line-height: 45px;
    color: #000;
}
.landibd_gg{
    font-size: 16px;
    line-height: 40px;
    font-weight: 200;
}
.liantuk{
    background: url(//cdn.myxypt.com/1edd6432/21/06/939be18468b9acf5feff599aac6e301773c3147d.png) no-repeat;
    width: 65px;
    height: 65px;
    background-size: 100% 100%;
}
.xains{
    margin-top: 6%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 45px;
    color: #262626;
}
.lidnjgh{
    margin-top: 4%;
}
.lidnjgh .x-message-wrap input[type='text']{
    background: #fff;
    border-radius: 5px;
    border: none;
    margin-bottom: 16px;
}
.lidnjgh .x-message-wrap input::placeholder,
.lidnjgh .x-message-wrap textarea::placeholder{
    color:#999999;
}
.lidnjgh .x-message-wrap textarea{
    background: #fff;
    border-radius: 5px;
    border: none;
    margin-bottom: 16px;
}

.lidnjgh .x-message-wrap .x-submit{
  background: #e90000;
}
.fdsdd{
    border-bottom: #c9c9c9 1px solid;
}
.qikibei{
    background: url(//cdn.myxypt.com/1edd6432/21/06/03038ff04d42f6ad3b87b74e585d45a2845f6c87.jpg) top repeat-x;
    padding: 5% 0;
}
.qiabtright_xx{
    background: url(//cdn.myxypt.com/1edd6432/21/06/6193b4015d9b8821d40d9ff94dfe3ae46e8805bb.jpg) left center no-repeat;
    height: 1px;
    margin: 1% 0;
}
.qikibei .cpp_yy{
    margin-top: -3%;
}
.qiabt{
    margin-top: 5%;
}
.qiabtleft{
    width: 50%;
}
.qiabtleft img{
    width: 100%;
    height: auto;
}
.qiabtright{
    width: 48%;
}
.qiabtright_suba{
    font-size: 1rem;
    line-height: 45px;
    color: #666666;
    text-transform: uppercase;
}
.qiabtright_suba b{
    color:#000000;
}
.qiabtright_gg{
    font-size: 0.8rem;
    color: #666666;
    line-height: 1.5;
    padding: 3% 0;
}
.qixiant{
    border-bottom: #dedede 1px solid;
    margin: 4% 0;
}
.qixiant.wow{
    display:none;
}
.wienr{
    background: url(//cdn.myxypt.com/1edd6432/21/06/1fa674662bb339d33911da0820ac0951797fe673.jpg) top center no-repeat;
    padding: 5% 0 0;
    background-size: 100% 100%;
}
.wienr .cpp_yy{
    margin-top: -3%;
}
.shing{
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding: 6% 0 3% 0;
}
.shing_tt{
    color: #000000;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 50px;
}
.shing_gg{
    font-size: 0.8rem;
    line-height: 30px;
    color: #666666;
    padding: 2% 0 5%;
}
.skkkr{
    overflow: hidden;
}
.hfing{
    position: relative;
}
.hfing .skkkrxt{
    position: absolute;
    top:26%;
    left:-60px;
    z-index: 9999;
    outline: none;
    border:none;
    background: url(//cdn.myxypt.com/1edd6432/21/06/40016c788d171d806038ff4b5e2c0611e3c2b727.png) no-repeat;
    width: 30px;
    height: 59px;
}
.hfing .skkkrrev{
    position: absolute;
    top:26%;
    right:-60px;
    z-index: 9999;
    outline: none;
    border:none;
    background: url(//cdn.myxypt.com/1edd6432/21/06/2d842ee3001304a68d1751e764ea3443b8658c45.png) no-repeat;
    width: 30px;
    height: 59px;
}
.hfing .skkkrxt,
.hfing .skkkrrev{
    opacity: 0.6;
    transition: opacity 0.3s;
}
.hfing .skkkrxt:hover,
.hfing .skkkrrev:hover{
    opacity: 1;
}
.skkkr_img img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.skkkr_hht{
    text-align: center;
    font-size: 0.7rem;
    line-height: 24px;
    padding:  4% 10%;
}
.skkkr_hht a{
    pointer-events: none;
    cursor: text;
}
.fanei{
    margin-top: 5%;
}
.fanei .cpp_yy{
    margin-top: -3%;
}
.fazhang img{
    max-width: 100%;
    height: auto;
}

.chejian{
    font-size: 16px;
    color: #545353;
    border-bottom: #c5c4c4 1px solid;
    line-height: 45px;
    margin-top: 5% !important;
}
.chaian{
    margin: 2% -1% 0;
    justify-content: inherit;
}
.chaian li{
    width: 25%;
    text-align: center;
    margin-bottom: 2%;
    padding: 0 1%;
}
.chaian_img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.chaiana{
    margin-top: 3%;
}
.chaiana li{
    width: 13.5%;
    text-align: center;
    margin-bottom: 2%;
}
.btn-primary{
    background: #dc281e;
    border:#dc281e 1px solid;
}





.yin2 .xypg-left-nav {
  padding: 10px 20px;
}

.yin2 .xypg-left-nav > li {
  position: relative;
  border-bottom: 1px solid #cccccc;
}

.kfimg{margin-top:45px;}
.kfimg img{display: block;width: 100%;}

.yin2 .xypg-left-nav > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #999999;
  padding: 16px 0px;
}

.yin2 .xypg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 5px;
  height: 30px;
  text-align: center;
  top: 12px;
  right: 0;
  cursor: pointer;

}

.yin2 .xypg-left-nav > li .first-nav-btn.clicked {
 
}
.yin2 .xypg-left-nav > li:hover,.yin2  .xypg-left-nav > li.clicked{border-color: #be3d42;}
.yin2 .xypg-left-nav > li:hover a,.yin2  .xypg-left-nav > li.clicked a{color: #be3d42;font-weight:600;}

.yin2 .xypg-left-nav > li:hover .first-nav-btn,.yin2  .xypg-left-nav > li.clicked .first-nav-btn {
  background:url(//cdn.myxypt.com/1edd6432/21/08/4cd230c3edb491dbb98c5b722a025304f84be5d2.png) no-repeat right center;
}

.yin2 .xypg-left-nav .xypg-left-subnav {
  display: none;
  padding: 0 10px;
  margin-left: 1%
}

.yin2 .xypg-left-nav .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.yin2 .xypg-left-nav .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 14px;
  font-weight: 400;
}

.yin2 .xypg-left-nav .xypg-left-subnav > li > a:hover {
  color: #be3d42;
}

.yin2 .xypg-left-nav .xypg-left-subnav > li.clicked > a {
  color: #be3d42;
}

.yin2 .xypg-left-nav .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}


.yin2 .xypg-left-nav > li:hover .xypg-left-subnav{display:block!important;}





.xypg-lefts .xypg-left-nav li {
    margin: 3% 0;
    position: relative;
}

.xypg-left-nav .xypg-left-subnavgg{
    border-top: #333 1px solid;
}
.xypg-left-subnavgg a{
    font-size: 14px;
    color: #333;
    line-height: 30px;
}
.xypg-left-subnavgg a:hover{
    color:#dc281e;
}
.shsa{
    line-height: 53px;
    border-bottom: #e5e5e5 1px solid;
    padding-left:4%;
}
.xypg-left-subnavgg{
    display: none;
}
.xypg-left-threenav li a{
    border: none;
}
.xypg-left-subnavgg .xypg-left-threenav{
    padding-left: 2%;
    display: none;
    border-top: #333 1px solid;
    border-bottom: #333 1px solid;
}
.xypg-left-subnavgg{
    margin-left: 2%;
}
.xypg-lefts .xypg-left-nav li{
    margin: 3% 0;
    position: relative;
}
.xypg-left-nav > li .first-nav-btn{
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 10px;
    right: 20px;
    cursor: pointer;
    background: url(//cdn.myxypt.com/1ca1f245/21/06/c69403d8e0b532657fc0b39216919dd571d73e80.png) right 10px no-repeat;
}


.news111 > li .first-nav-btn{
    background: none!important;
}


.xypg-left-nav > li .first-nav-btn.clicked {
    background: url(//cdn.myxypt.com/1ca1f245/21/06/20cd36eb82b6281bd31cf43a06e74df0cbeff1fe.png) right 10px no-repeat;
}
.anjsius{
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 10px;
    right: 20px;
    cursor: pointer;
    background: url(//cdn.myxypt.com/1ca1f245/21/06/c69403d8e0b532657fc0b39216919dd571d73e80.png) right 10px no-repeat; 
}

.xypg-left-nav > li .anjsius.clicked {
    background: url(//cdn.myxypt.com/1ca1f245/21/06/8f4e114cdc32b8d19e03e40d458e0c68d75ff1f3.png) right 10px no-repeat;
}















@media (max-width:1600px){
    .changgf{
        padding: 0 2%;
    }
    .hfing .skkkrxt{
        left: 0px;
    }
    .hfing .skkkrrev{
        right: 0px;
    }
}
@media (max-width:1500px){
    .asdk{
        padding: 0 2%;
    }
    .haoma{
        width: 26%;
    }
}
@media (max-width:1400px){
    .x-banner .wh11{
        width: 53%;
    }
    .jidng .sxt, .rongyu .sxt{
        left: 0px;
        background-size: 100% 100%;
        width: 30px;
        height: 50px;
    }
    .jidng .sev ,.rongyu .sev{
        right: 0px;
        background-size: 100% 100%;
        width: 30px;
        height: 50px;
    }
    .changg11{
        padding:0 2%;
    }
}
@media (max-width:1366px){
    .haoma{
        width: 28%;
    }
    .changg{
        padding: 0 2%; 
    }


}
@media (max-width:1200px){
    .xiet1_tt4{
        font-size: 14px;
    }
    .xiet1_tt1{
        font-size: 14px;
    }
    .xiet1_tt{
        font-size: 16px;
    }
    .guz{
        font-size: 18px;
    }
    .skkkr_hht{
        font-size: 14px;
    }
    .shing_gg{
        font-size: 14px;
    }
    .shing_tt{
        font-size: 24px;
    }
    .qiabtright_suba{
        font-size: 16px;
    }
    .qiabtright_gg{
       font-size: 13px;
    }
    .cpptufen li{
        font-size: 14px;
    }
    .cppgy_tt{
        font-size: 14px;
    }
    .gonginei_rrongh{
        font-size: 13px;
    }
    .abh_cc{
        font-size: 13px;
    }
    .xwf_tt{
        font-size: 18px;
    }
    .xwf_nei li{
        font-size: 14px;
    }
    .souty li{
        font-size: 14px; 
    }
    .zhing_tt{
        font-size: 14px; 
    }
    .zhing_shi{
        font-size: 13px;
    }
    .zhing_nei{
        font-size: 12px;
    }
}

@media (max-width:1024px){
    .xwf_nei li span{
        display:none;
    }
    .wh11{
        display: none;
    }
    .qiabtright_gg{
        padding: 1% 0;
        line-height: 23px;
    }
    .qiabtright_suba{
        line-height: 30px;
    }
    .cpp_tt{
        font-size: 40px;
    }
    .cpp_yy{
        font-size: 18px;
        margin-top: -6%;
    }
    .gonginei_tt{
        font-size: 18px;
    }
    .abh_tt{
        font-size: 24px;
    }
    .abh_dd{
        margin-top: 1%; 
    }
    .shjzi_shu span{
        font-size: 45px;
    }
    .shjzi_shu{
        font-size: 16px;
    }
    .alizin{
        font-size: 20px;
    }
    .feblei_tt{
        font-size: 14px;
    }
    .wring{
        display: none;
    }
    .lianh{
        width: 30%;
    }
    .changog {
        width: 65%;
    }
    .daongh{
        font-size: 14px;
    }
}

@media (max-width:992px){
    
    .xypg-left-title{
        background: #b41d23;
    padding: 10px 20px;
    position: relative;
    width:100%;
    color:#fff;
    }
    .xypg-left-title h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    z-index: 9;
}
    
    .xypg-left-title span {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
    text-transform: capitalize;
}
    
    
    .xypg-left-nav > li > .pro_l-nav_2title{
        font-size:16px;
        padding:12px 18px;
        line-height:22px;
    }
    .xypg-left-nav .xypg-left-subnav > li{
        border-top: 1px dashed #eeeeee;
    }
    .xypg-left-nav .xypg-left-subnav > li > a{
       padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
    }
    
    
    .liaxh li:nth-child(3){
        width: 100%;
    }
    .changg {
        overflow:hidden;
    }
    .liaxh_t{
        font-size: 14px;
    }
    .liaxh li{
        width: 100%;
        margin-bottom: 2%;
    }
    .fanei .cpp_yy {
        margin-top: -8%;
    }
    .qikibei .cpp_yy {
        margin-top: -8%;
    }
    .wienr .cpp_yy {
        margin-top: -8%;
    }
    .qiabtright{
        width: 100%;
    }
    .qiabtleft{
        width: 100%;
    }
    .x-banner , .page-banner{
        margin-top: 60px;
    }
    .nei{
        display: none;
    }
    .cpptu{
        padding: 0px;
    }
    .cppgy li:nth-child(6) {
        margin-left: 0%;
    }
    .cppgy li:nth-child(8) {
        margin-right: 0%;
    }
    .cppgy li {
        width: 23%;
        text-align: center;
        margin: 0% 1%;
    }
    .daongh{
        display: none;
    }
}
@media (max-width:768px){
    .xypg-left-nav1 > li{
        width:20%;
    }
    .scrollgg{
        top:60px;
    }
    .xypg-left-nav1 > li > a{
        line-height:35px;
    }
    .xypg-case-list li h3 a{
        font-size:14px;
    }
    .shing{
        width: 100%;
        padding: 3% 0;
    }
    .gonginei{
        width: 100%;
        margin: 0px;;
    }
    .gongi_img{
        width: 100%;
        margin-top: 2%;
    }
    .abg{
        width: 100%;
    }
    .abh{
        width: 100%;
        margin-top: 2%; 
    }
    .xwf{
        width: 100%;
        margin-top: 2%;
    }
    .lianh{
        display: none;
    }
    .changog{
        width: 100%;
        text-align: center;
    }
    .changog_kduf li{
        text-align: left;
    }
    .banu{
        float: none;
        width: 100%;
        text-align: center;
    }
    .zhissng{
        float: none;
        width: 100%;
        text-align: center;
    }
    .xwghb_tt{
        font-size:14px;
    }
    .xwghb_ring{
        font-size:12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}

@media (max-width:425px){
    .x-banner .wh11 {
        width: 80%;
    }
    .product-detail-tab .product-detail-tabcon{
        font-size:14px;
    }
    .swiperxias{
        width:100%;
    }
    .product-detail-tab .product-detail-tabli li{
        padding-bottom: 0px;
        font-size:14px;
    }
    
    .shugjj{
        font-size:14px;
    }
    .fbgh{
        display:none;
    }
    .xypg-left-nav .xypg-left-subnav > li{
        font-size:14px;
    }
    .weingw1{
        font-size:12px;
        line-height:24px;
    }
    .oaigw1{
        font-size:13px;
        line-height:28px;
    }
    .xypg-left-nav > li{
        position: relative;
        border-bottom: 1px solid #eeeeee;
        line-height:45px;
    }
    .xypg-left-nav > li.clicked > .pro_l-nav_2title{
        font-weight:400;
    }
    .x-banner .owl-carousel .owl-dots{
        bottom:4%;
    }
    .x-banner .owl-carousel .owl-dots button.owl-dot span{
        width: 2em;
        
    }
    .x-banner .owl-carousel .owl-dots button.owl-dot {
         padding: 1px 0 !important;
        }
    .changog_kduf , .x-layout{
       display:none;
    }
    .zhissng{
        font-size:12px;
    }
    .changgf a{
        font-size:12px;
        font-weight:400;
    }
    .fgd li a{
        font-size:12px;
        font-weight:400;
    }
    .xiet1_tt2{
    border-bottom: #c9c9c9 1px solid;
    line-height: 28px;
    padding: 3% 0;
    font-size: 0.7rem;
    color: #666666; 
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xiet1_tt4 , .xiet1_tt1{
    font-size: 12px;
}
    .siduhj{
        width:48%;
    }
    .chaiana li{
        width: 32.5%;
    }
    .shugjj{color:#333;
    }
   .shugjj a{
       color:#333;
   }
   .daizngda{
       font-size:14px;
   }
   .xypg-product-list li h3 a{
       font-size:13px;
   }
    .chaian li{
        width: 49%;
    }
    .cpptufen li{
        width: 49%;
        line-height: 35px;
        text-align:center;
    }
     
    .cppgy li {
        width: 48%;
    }
    .shjzi li{
        width: 48%;
        margin-bottom: 2%;
    }
    .xw_mme{
        font-size: 14px;
    }
    .changog_ty{
        text-align: left;
        background: url(//cdn.myxypt.com/1edd6432/21/06/0804a2a4d29c24a4cf6882e193483c906132ef12.png) 15% center no-repeat;
       
    }
    .banu{
        font-size: 12px;
        line-height: 22px;
    }
}






/*手机底部*/
@media (max-width:768px){
    .db{display:block!important;}
   }
   
   
   .dbb{height:50px;}
   
   /* 页脚 */
   .footer {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 999;
     background: #be131b;
   }
   
   .footer ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
   
   .footer ul li {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     text-align: center;
     color: #ffffff;
     line-height: 30px;padding:10px 0;
     font-size: 0;
   }
   
   .footer ul li.active {
     background: #da251c;
   }
   
   .footer ul li a {
     display: block;color:#fff;
   }
   
   .footer ul li .iconfont {
     font-size: 18px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }
   
   .footer ul li span {
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;color:#fff;
   }
   
   
   .footer li .icon-home{ background: url(//cdn.myxypt.com/1edd6432/21/08/ffba96c85d514b59fa8c39c8f7f962955013f3c3.png) no-repeat;
   width: 30px;
    height: 30px;
    background-size: 100% 100%;}
   .footer li .icon-home2{ background: url(//cdn.myxypt.com/1edd6432/21/08/f1e5406db6491a1a2f52b1ce36a622ea94cd5216.png) no-repeat;width:25px;height:25px;
       background-size: 100% 100%;
       
   }
   .footer li .icon-phone{ background: url(//cdn.myxypt.com/1edd6432/21/08/af99fe44a5a641dd6eecfc7e23436e2e92adc2c6.png) no-repeat;width:25px;height:25px;
       background-size: 100% 100%;
       
   }
   .footer li .icon-contact{ background: url(//cdn.myxypt.com/1edd6432/21/08/644c9ff6c229fdd59532c0e9c12eb19745178bb7.png) no-repeat;width:25px;height:25px;
       background-size: 100% 100%;
       
   }
   
   .footer li .icon-phone:before{font-size:0;}
   .footer ul li a{border-right:1px solid #fff;}
   .footer ul li:last-child a{border-right:none;}
   
   
   /*页眉*/
        /*导航*/
        .jda {
            margin-top: 15px;
        }